@charset "utf-8";
$color : #bb9c7a;
@import './modules/base';
@import './modules/header';
@import './modules/footer';

.detail_body{
    padding-top:120px;
    padding-bottom: 130%;
   
    width:100%;
    &_top{
        margin: 50px auto ;
        width: 80%;
        height:400px;
        // background: $color;
        // opacity:.2;
        position: relative;

        .top_detileImg{
            width:400px;
            height: 400px;
            float:left;
            display: block;
            background:#ccc;
            overflow: hidden;
            .mediumImg_box{
                width:100%;
                height:70%;
                // background:#666;
                &>img{
                    width:100%;
                    height: 100%;
                }
            }
            .top_samllImg{
                margin-top:10px;
                width:150%;
                height:25%;
                transform: translate3d(0px, 0px, 0px);
                // background:#789;
                // overflow-y: scroll;
                &>li{
                    float:left;
                    margin-left:8px;
                    width:80px;
                    height:100%;
                    // background: #fa7800;
                    &>a>img{
                        width:100%;
                        height:100%;
                    }
                }
            }
            
        }
        // .top_bigImg{
        //     position: absolute;
        //     left:402px;
        //     top:0;
        //     width: 400px;
        //     height:280px;
        //     background:#689;
        //     display:none;
        // }

        .shopBtn{
            float: right;
            margin-right:50px;
            width:400px;
            height:400px;
            .shop_name{
                color:#fa7800;
                font-size:16px;
            }
            &>span{
                display:inline-block;
                height: 40px;
                width:200px;
                margin:0 auto;
                text-align: center;
                line-height: 40px;
                color:#fa7800;
                font-size:40px;
                margin-top:80px;

            }
            &>p{
                margin-top:40px;
           
            &>button{
                margin-left: 20px;
                height:60px;
                width:250px;
                border-radius: 2px;
               
               
                &>a{
                    color:#fff;
                    font-size:20px;
                    z-index: 5;

                }
            }
            .addbtn{
                background:$color;
                
            }
           .shop_btn{
                background:#ddaa72;
               
            }
        }
        &>p>button:hover{
            
                box-shadow: 0px 0px 3px 0px;
            
        }
        }

    }
    .detail_body_bottom{
        width:100%;margin-top:100px;
        &>img{
            width:400px;height:400px;float: left;
        }
    }
    
}

.swiper-slide {
    // text-align: center;
    // font-size: 18px;
    // background: #fff;
    // width: 250px;
    align-items: center;
}
// #gall{
//     transform: translate3d(0px, 0px, 0px)
// }